*{margin: 0 auto;padding: 0 auto;list-style: none;}
a{text-decoration: none;}
body{font: normal 12px/1.5 'Microsoft Yahei',Helvetica,arial,sans-serif;margin-bottom: 100px;}
//网站头部
header{
    width: 100%;background: #ea4234;
    #head_center{
        width: 1200px;height: 84px;margin: 0 auto;overflow: hidden;
        .fl{float: left;display: inline}
        .logo{
            width: 246px;padding-top: 16px;
            img{display: block;}
        }
        .mydi{
            color: #fff;font-size: 22px;margin-left: 19px;line-height: 84px;
            i{
                display: block;width: 6px;height: 84px;float: left;margin-right: 16px;
                background: url(../img/circle.png) no-repeat center center;
            }
        }
        .head_shouye{
            overflow: hidden;line-height: 84px;margin-left: 23px;width: 376px;
            p{
                a{
                    color: #fff;background: url(../img/headernavbg.png) no-repeat center 77px;
                    display: block;
                }
                font-size: 16px;font-weight: bold;
            }
        }
        .header_form{
            overflow: hidden;padding-top: 26px;width: 230px;margin-left: 50px;margin: 0;
            .sub_text{
                display: block;width: 158px;float: left;font-size: 12px;line-height: 32px;
                padding-left: 10px;background: #fff;height: 32px;border: none;
            }
            .sub_btn{
                display: block;padding: 0 13px;height: 34px;float: left;line-height: 32px;
                font-size: 14px;font-weight: 600;color: #666;background: #fff;
                border:1px solid white;
            }    
        }
        .shop_cart{
            width: 80px;height: 24px;float: right;overflow: hidden;padding: 8px 0 0 50px;           
            background: #fff url(../img/chart.png) no-repeat 25px 6px;margin-top: -33px;
//          display: block;
//          .carttext{
//              margin-right: 14px;height: 17px;font-size: 14px;line-height: 17px;
//          }
        }
    }
}
//网站头部
//网页主体
#main{
    width: 100%;background: #f5f5f5;overflow: hidden;
    .main_box{
        width: 1200px; margin: 0 auto;overflow: hidden;padding-top: 14px;
        .content_left{
            width: 209px;background: #fff;padding-bottom: 20px;float: left;border: 1px solid #ddd;
            .person_head{
                display: block;font-size: 16px;height: 47px;padding-left: 49px;color: #fff;
                line-height: 47px;background: #ea4234 url(../img/whiteuser.png) no-repeat 21px 17px;
                border-bottom: 1px solid #ea4234;padding-top: 0;
            }               
            .clhead{
                height: 36px;padding-left: 50px;line-height: 36px; color: #333;font-weight: 600;
                background: url(../img/clhbg.png) no-repeat 25px 15px;font-size: 12px;
                    
            }
            a{
                display: block;height: 32px;line-height: 32px;padding-left:50px;color: #666;
            }
        }
        .content_right1{
            float: right;width: 980px;margin-top: 6px;display: block;margin-bottom: 50px;
            .fl{float: left;display: inline;}
            .content_right_top{
                width: 738px;height: 177px;padding-top: 18px;border: 1px solid #ccc;padding-left: 238px;
                position: relative;background: #fff;
                .user_info{
                    position: absolute;top: -6px;left: -1px;width: 217px;height: 192px;padding-top: 16px;
                    background: url(../img/userbg.png) no-repeat left top;
                    .user_info_box{
                        width: 210px;overflow: hidden;
                        .userimg{
                            display: block;margin-top: 20px;
                        }
                        .username{
                            font-weight: 600;color: #fff;height: 18px;line-height: 12px;
                            text-align: center;margin-top: 15px;font-size: 16px;
                        }
                    }
                }
                .user_control{
                    width: 224px;height: 166px; border-right: 1px solid #ddd;float: left;
                    overflow: hidden;
                    .user_control_title{
                        font-size: 14px;height: 29px;line-height: 29px;font-weight: 800;
                    }
                    p{
                        line-height: 28px;color: #666;font-weight: bold;margin-top:5px ;
                        span{font-weight: normal;}
                    }
                }
                .user_tag{
                    float: left;width: 253px;height: 166px;border-right: 1px solid #ddd;
                    .user_tag_title{
                         font-size: 14px;height: 29px;line-height: 29px;font-weight: 800;
                         margin-left: 10px;
                    }
                    .tag_ul{
                        padding:10px;
                        .tag_li{
                            border: 1px solid #CCCCCC;padding: 4px;display: block;float: left;
                            color: white;background: #EA4234;font-weight:bold;margin-right: 5px;
                            margin-bottom: 5px;
                        }
                    }
                }
            }
            .content_right_nav{
                overflow: hidden;width: 975px;background: #fff;margin-top: 13px;border: 1px solid #ddd;
                padding-bottom: 10px;padding-left: 0;
                li{
                    float: left;border-bottom-width: 2px;border-bottom-style: solid;
                    border-bottom-color: rgb(221, 221, 221);
                        background: url(../img/crnavlibg.png) no-repeat right center;
                    a{
                        display: block; width: 113px;height: 43px;font-size: 14px;font-weight: 600;
                        text-align: center;line-height: 43px;color: #343434;
                        span{color: red;}
                    }
                    .nocontent{width: 522px;}
                }
            }
            .content_right_order{
                overflow: hidden;border: 1px solid #ddd;width: 975px;border-top: none;
                background: #f5f5f5;
                p{
                    float: left;height: 48px;font-weight: 600;text-align: center;line-height: 48px;
                    display: block;
                }
                .order_text1{width: 450px;}
                .order_text2{width: 80px;}
                .order_text3{width: 158px;}
                .order_text4{width: 120px;}
                .order_text5{width: 166px;}
            }
            .white_space{
                background: #fff;width: 975px;height: 10px;border: 1px solid #ddd;border-top: none;
                border-bottom: none;
            }
            .order_info{
                .order_info_top{
                    width: 955px;height: 41px;line-height: 41px;background: #ecf1fa;padding-left: 20px;
                    position: relative;border-left: 1px solid #ddd;border-right: 1px solid #ddd;
                    border-top: 1px solid #e2e7f1;border-bottom: 1px solid #e2e7f1;
                    .order_date{font-weight: bold;}
                    .order_num{
                        margin-left: 10px;
                        i{font-style: normal;}
                    }
                    .caozuotype{
                        float: right;width: 88px;height: 30px;line-height: 30px;color: #333;
                        background: url(../img/hxydrop.png) no-repeat 72px center;
                        text-align: center;margin-top: 5px;margin-right: 40px;                       
                    }
                    .caozuotype:hover .caozuohide{
                        display: block;
                    }
                    .caozuohide{
                        position: absolute;top: 32px;right: 30px;display: none;background: white;
                        padding-left: 0;
                        li{
                            a{
                                display: block;width: 88px;height: 33px;text-align: center;
                                line-height: 33px;font-size: 12px;color: #333;background:#f7f7f7;
                                border: 1px solid #ddd;font-weight: 600;margin: 0 auto;
                                border-radius: 5px;
                            }
                        }
                    }
                }
                .order_info_bottom{
                    width: 975px;height: 117px;background: #fff;overflow: hidden;border: 1px solid #ddd;
                    border-top: none;
                    .goods_info_left{
                        overflow: hidden;width: 392px; padding: 15px 36px 0 21px;float: left;
                        .goods_image{
                            width: 86px;height: 86px;background: #fff;float: left;display: table-cell;
                            text-align: center;vertical-align: middle;margin-right: 16px;
                            a{
                                display: block;
                                img{
                                    width: 96px;height: 86px;
                                }
                            }
                        }
                        .goods_info_title{
                            width: 290px;padding-top: 12px;line-height: 18px;overflow: hidden;
                            color: #666;height: 36px;float: left;
                        }
                    }
                    .goods_num{
                        display: block;height: 118px;width: 81px;float: left;text-align: center;
                        line-height: 118px;
                    }
                    .goods_price{
                        width: 159px;height: 86px;float: left;padding-top: 28px;
                        span{
                            display: block;width: 100%;height: 20px;line-height: 20px;
                            text-align: center;
                        }
                        .phone_price{font-weight: 600;}
                    }
                    .goods_state{
                        width: 110px;height: 78px;float: left;padding-top: 40px;
                        .goods_state_info{color: #ea4234;}
                        a{
                            display: block;height: 17px;width: 100%;line-height: 17px;text-align: center;
                        }
                    }
                    .goods_operate{
                        width: 166px;height: 73px;padding-top: 48px;float: right;
                        .goods_operate_btn{
                            display: block;border: 1px solid #ddd;font-weight: 600;margin: 0 auto;
                            border-radius: 3px;width: 89px;height: 28px;line-height: 28px;
                            text-align: center;background: #f7f7f7;
                        }
                        a{color: #666;}
                    }
                }
            }
        }
        .content_right2{
             float: right;width: 980px;margin-top: 6px;display: none;margin-bottom: 50px;
            .content_right_nav{
                overflow: hidden;width: 975px;background: #fff;margin-top: 13px;border: 1px solid #ddd;
                padding-bottom: 10px;padding-left: 0;
                li{
                    float: left;border-bottom-width: 2px;border-bottom-style: solid;
                    border-bottom-color: rgb(221, 221, 221);
                        background: url(../img/crnavlibg.png) no-repeat right center;
                    a{
                        display: block; width: 113px;height: 43px;font-size: 14px;font-weight: 600;
                        text-align: center;line-height: 43px;color: #343434;
                        span{color: red;}
                    }
                    .nocontent{width: 522px;}
                }
            }
            .content_right_order{
                overflow: hidden;border: 1px solid #ddd;width: 975px;border-top: none;
                background: #f5f5f5;
                p{
                    float: left;height: 48px;font-weight: 600;text-align: center;line-height: 48px;
                    display: block;
                }
                .order_text1{width: 450px;}
                .order_text2{width: 80px;}
                .order_text3{width: 158px;}
                .order_text4{width: 120px;}
                .order_text5{width: 166px;}
            }
            .white_space{
                background: #fff;width: 975px;height: 10px;border: 1px solid #ddd;border-top: none;
                border-bottom: none;
            }
            .order_info{
                .order_info_top{
                    width: 955px;height: 41px;line-height: 41px;background: #ecf1fa;padding-left: 20px;
                    position: relative;border-left: 1px solid #ddd;border-right: 1px solid #ddd;
                    border-top: 1px solid #e2e7f1;border-bottom: 1px solid #e2e7f1;
                    .order_date{font-weight: bold;}
                    .order_num{
                        margin-left: 10px;
                        i{font-style: normal;}
                    }
                    .caozuotype{
                        float: right;width: 88px;height: 30px;line-height: 30px;color: #333;
                        background: url(../img/hxydrop.png) no-repeat 72px center;
                        text-align: center;margin-top: 5px;margin-right: 40px;                       
                    }
                    .caozuotype:hover .caozuohide{
                        display: block;
                    }
                    .caozuohide{
                        position: absolute;top: 32px;right: 30px;display: none;background: white;
                        padding-left: 0;
                        li{
                            a{
                                display: block;width: 88px;height: 33px;text-align: center;
                                line-height: 33px;font-size: 12px;color: #333;background:#f7f7f7;
                                border: 1px solid #ddd;font-weight: 600;margin: 0 auto;
                                border-radius: 5px;
                            }
                        }
                    }
                }
                .order_info_bottom{
                    width: 975px;height: 117px;background: #fff;overflow: hidden;border: 1px solid #ddd;
                    border-top: none;
                    .goods_info_left{
                        overflow: hidden;width: 392px; padding: 15px 36px 0 21px;float: left;
                        .goods_image{
                            width: 86px;height: 86px;background: #fff;float: left;display: table-cell;
                            text-align: center;vertical-align: middle;margin-right: 16px;
                            a{
                                display: block;
                                img{
                                    width: 96px;height: 86px;
                                }
                            }
                        }
                        .goods_info_title{
                            width: 290px;padding-top: 12px;line-height: 18px;overflow: hidden;
                            color: #666;height: 36px;float: left;
                        }
                    }
                    .goods_num{
                        display: block;height: 118px;width: 81px;float: left;text-align: center;
                        line-height: 118px;
                    }
                    .goods_price{
                        width: 159px;height: 86px;float: left;padding-top: 28px;
                        span{
                            display: block;width: 100%;height: 20px;line-height: 20px;
                            text-align: center;
                        }
                        .phone_price{font-weight: 600;}
                    }
                    .goods_state{
                        width: 110px;height: 78px;float: left;padding-top: 40px;
                        .goods_state_info{color: #ea4234;}
                        a{
                            display: block;height: 17px;width: 100%;line-height: 17px;text-align: center;
                        }
                    }
                    .goods_operate{
                        width: 166px;height: 73px;padding-top: 48px;float: right;
                        .goods_operate_btn{
                            display: block;border: 1px solid #ddd;font-weight: 600;margin: 0 auto;
                            border-radius: 3px;width: 89px;height: 28px;line-height: 28px;
                            text-align: center;background: #f7f7f7;
                        }
                        a{color: #666;}
                    }
                }
            }
        }
        .content_right3{
            float: right;width: 980px;margin-top: 6px;display: none;border: 1px solid #CCCCCC;
            background: white;margin-bottom: 50px;
            .user_info_title{
                width: 956px;height: 43px;padding-left: 12px;margin: 0 auto;font-size: 14px;
                font-weight: 600;line-height: 50px;border-bottom: 1px solid #ddd;
            }
            .userinfo_form{
                .userinfo_box{
                    padding-top: 27px;
                    .ui_phone{
                        height: 12px;line-height: 12px;margin-bottom: 28px;
                        .ui_phonetext{
                            margin-right: 8px;color: #666;width: 83px;display: block;text-align: right;
                            height: 12px;float: left;
                        }
                    }
                    .ui_img{
                        height: 100px;margin-bottom: 25px;display: block;overflow: hidden;
                        .ui_imgtext{
                            line-height: 40px;height: 100px;margin-right: 8px;color: #666;width: 83px;
                            display: block; text-align: right;float: left;
                        }
                        .ui_imgbox{
                            cursor: pointer;float: left;width: 98px;height: 98px;border: 1px solid #ddd;
                            position: relative; overflow: hidden;
                        }
                    }
                    .tongyong{
                        height: 52px;overflow: hidden;margin-bottom: 17px;
                        .tongyongtext{
                            height: 52px;line-height: 23px;margin-right: 8px; color: #666;
                            width: 83px;display: block;text-align: right;float: left;
                        }
                        .tongyonginput{
                            margin-bottom: 4px;width: 280px;padding-left: 8px;height: 28px;
                            line-height: 28px;border: 1px solid #ddd;border-radius: 3px;
                            -webkit-border-radius: 3px;
                        }
                    }
                    .ui_birth{
                        select{
                            color: #666;height: 26px;float: left;width: 73px;margin-right: 20px;
                            border: 1px solid #ddd;border-radius: 3px;
                        }
                    }
                    .ui_sex{
                        .sex{margin-left: 20px;margin-right: 10px;}
                    }
                    .tijiao_btn{
                        display: block;margin-left: 51px;width: 125px;background: #ea4234;
                        text-align: center;border-radius: 3px;font-weight: 600;height: 34px;
                        line-height: 34px;color: #fff;font-size: 15px;margin-bottom: 20px;
                    }                  
                }
            }
        }
        .content_right4{
            float: right;width: 980px;margin-top: 6px;display: none;border: 1px solid #CCCCCC;
            background: white;padding-bottom: 200px;margin-bottom: 50px;
            .tag_title{
                width: 956px;height: 43px;padding-left: 12px;margin: 0 auto;font-size: 14px;
                font-weight: 600;line-height: 50px;border-bottom: 1px solid #ddd;
            }
            .user_tagbox{
                padding: 27px 0 0 32px;
                .tagsbox_1{
                    margin-bottom: 20px;width: 810px;display: block;overflow: hidden;margin-left: 0;
                    dt{
                        height: 14px;line-height: 14px;color: #666;font-size: 14px;margin-bottom: 13px;
                    }
                    dd{
                        margin-bottom: 15px;line-height: 28px;float: left;padding: 0 20px;
                        height: 28px;border: 1px solid #ddd;text-align: center;margin-right: 10px;
                        color: #666;
                    }
                }
            }
        }
        .content_right5{
            float: right;width: 980px;margin-top: 6px;display: none;border: 1px solid #CCCCCC;
            background: white;padding-bottom: 200px;margin-bottom: 50px;
            .address_title{
               width: 956px;height: 43px;padding-left: 12px;margin: 0 auto;font-size: 14px;
               font-weight: 600;line-height: 50px;border-bottom: 1px solid #ddd;
            }
            .get_address{
                font-weight: bold;font-size: 14px;padding-top: 25px;padding-bottom: 20px;
                padding-left: 30px;
            }
        .address{
            overflow: hidden;padding-left: 30px;
            .address_box{
                float: left;width: 252px;height: 119px;overflow: hidden;position: relative;
                margin-bottom: 8px;border: 2px solid #ea4234;padding: 14px 19px 0px;
                margin-right: 15px;
                .icon{
                    position: absolute;right: 0px;bottom: 0px;z-index: 5;
                    background:url(../img/icon2222.png) no-repeat;
                    display: block;width: 20px;height: 20px;
                }
                .name{
                    font-size: 16px;color: #666;
                }
                .tel{
                    padding-top: 5px;line-height: 20px;overflow: hidden;
                }
                .info{
                     padding-top: 5px;line-height: 20px;overflow: hidden;color: #999;
                }
                .operate{
                    margin-top: 10px;
                    a{color: cornflowerblue;margin-right: 20px;}
                }
            }
            .address_addbox{
                float: left;width: 252px;height: 119px;overflow: hidden;position: relative;
                margin-bottom: 8px;border: 1px solid #ddd;padding: 14px 19px 0px;cursor: pointer;                      
                .icon{font-size: 60px;text-align: center;line-height: 50px;color: #999;}
                .name{color: #666;text-align: center;margin-top: 20px;}
            }
        }
        }
        .content_right6{
            float: right;width: 980px;margin-top: 6px;display: none;border: 1px solid #CCCCCC;
            background: white;padding-bottom: 200px;margin-bottom: 50px;
            .user_password_title{
                width: 956px;height: 43px;padding-left: 12px;margin: 0 auto;font-size: 14px;
                font-weight: 600;line-height: 50px;border-bottom: 1px solid #ddd;
            }
            
            .tongyong{
                height: 52px;overflow: hidden;margin-bottom: 17px;margin-top: 30px;
                .tongyongtext{
                    height: 52px;line-height: 23px;margin-right: 8px; color: #666;
                    width: 83px;display: block;text-align: right;float: left;
                }
                .tongyonginput{
                    margin-bottom: 4px;width: 280px;padding-left: 8px;height: 28px;line-height: 28px;
                    border: 1px solid #ddd;border-radius: 3px;
                }
                
            }
            .tijiao_btn{
                display: block;margin-left:90px;width: 125px;background: #ea4234;
                text-align: center;border-radius: 3px;font-weight: 600;height: 34px;
                line-height: 34px;color: #fff;font-size: 15px;margin-bottom: 20px;
            }
        }
    }
}
//网页主体
//<!--底部区域-->
#foot_box{
    width: 100%;min-width: 1210px;margin: 0 auto;height: 150px;background: #999999;
    margin-top: 50px;
    .foot_center{
        width: 1210px;margin: 0 auto;overflow: hidden;position: relative;color: white;
        .friend{
                margin-top: 25px;margin-bottom: 14px;height: 12px;
                dt{color: white;margin-bottom: 10px;float: left;margin-right: 10px;}
                .fl{
                    float: left;border-right: 1px solid white;padding-left: 10px;padding-right: 10px;
                    a{
                        color: white;
                    }
                }
        }
        p{margin-top: 10px;text-align: left;}
    }
}
//<!--底部区域-->
//透明遮罩
#zhezhao{
    width: 100%;height: 100%;position: fixed;left: 0%;top: 0%;z-index: 10000;display: none;
    background: rgba(0,0,0,0.3);
    .address_form{
        width: 574px;position: fixed;left: 50%;top: 50%;z-index: 10005;margin-left: -287px;
        margin-top: -180px;padding-bottom: 40px;padding: 0px 20px 20px;display: block;
        border: 1px solid #ddd;background: #fff;
        #addform{
            .title{
                font-size: 16px;height: 50px;line-height: 50px;border-bottom: 1px solid #ddd;
                color: #393939;font-weight: normal;
            }
            .form_group{
                margin-top: 20px;overflow: hidden;
                .label{
                    color: #393939;float: left;margin-left: 5px;font-size: 14px;display: block;
                    width: 90px;
                    .must{
                        color: red;margin-right: 5px;
                    }
                }
                .addselect{
                    float: left;position: relative;height: 22px;width: 400px;top: 5px;margin-left: 10px;
                    .fl{float: left;}
                    select{border:1px solid #666666;}
                }
                .input{
                    width: 180px;border: 1px solid #c9c9c9;display: inline-block;border-radius: 3px;
                    height: 25px;padding: 0px 10px;background: transparent;
                }
            }
            .save_btn{
                a{
                    display: block;float: right;width: 200px;height: 40px;line-height: 40px;color: #fff;
                    font-size: 20px;background: #d62222;border-radius: 3px;text-align: center;
                }
            }
            .close{
                position: absolute;right: 15px;top: 15px;display: block;z-index: 10010;width: 11px;
                height: 11px;color: #666;
            }
        }
    }
}
//透明遮罩